﻿<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /> -->
    <meta name="viewport" content="width=750, target-densitydpi=device-dpi, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title></title>
    <!--<base href="https://weixin.zegelo.com/Scripts/mp/wine/" />-->

    <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="stylesheet" type="text/css" href="css/share.css" />
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <script type="text/javascript">
        //原理是在微信易信执行Ready之前，先注册事件，所以放在所有请求的最前面
        document.addEventListener("WeixinJSBridgeReady", function () {
            music();
            var btnMusic = document.getElementById("btnMusic");
            var openMusic = document.getElementById("openMusic");
            btnMusic.load()
            openMusic.load()
        }, false);
        document.addEventListener('YixinJSBridgeReady', function () {
            music();
            var btnMusic = document.getElementById("btnMusic");
            var openMusic = document.getElementById("openMusic");
            btnMusic.load()
            openMusic.load()
        }, false);
    </script>
</head>

<body>
    <div class="loadDom">
        <div class="loadBox">
            <div class="loadText">
                加载中
            </div>
            <div class="load">
                <div class="loadCur"></div>
            </div>
        </div>
    </div>
    <audio preload="auto" style="width:0;height:0" id="btnMusic">
        <source src="sound/btn.mp3" type="audio/mpeg" />
    </audio>
    <audio preload="auto" style="width:0;height:0" id="openMusic">
        <source src="sound/open.mp3" type="audio/mpeg" />
    </audio>
    <!-- <audio preload="auto" loop=loop style="width:0;height:0" id="audio">
        <source src="sound/bg.mp3" type="audio/mpeg" />
    </audio> -->
    <div class="wrap" id="wrap">
        <div class="container">
            <div class="bg">

                <div class="alcohol_warp" style="display:block;">
                    <div class="alcohol_icon">
                        <img src="./img/alcohol_icon.png" alt="" />
                    </div>
                </div>
                <div class="twoBox" style='display:none'>
                    <div class="up_icon">
                        <img src="./img/up_icon.png" />
                    </div>
                    <div class="lower_icon">
                        <img src="./img/lower_icon.png" />
                    </div>
                    <div class="jiu_icon">
                        <img src="./img/jiu_icon.png" />
                    </div>
                </div>

                <!-- 受邀页 -->
                <div class="receive">
                    <div class="receive__bg">
                        <img src="./img/scene1.png" alt="" class="receive__bImg">
                        <div class="receive__nickName">阿花</div>
                        <div class="receive__nickName1">阿明</div>
                        <div class="receive__avatar">
                            <img src="./img/avatar.png" alt="" />
                        </div>
                        <div class="receive__avatar1">
                            <img src="./img/avatar1.png" alt="" />
                        </div>
                        <div class="receive__txt">
                            <div class="receive__time">疫情结束后</div>
                            <div class="receive__say">
                                <p>错过的酒</p>
                                <p>终于可以补上了</p>
                            </div>
                        </div>
                        <div class="receive__metoo"></div>
                    </div>
                    <div class="receive__bottom">
                        <div class="yyhy">应邀好友</div>
                        <div class="receive__swiper">
                            <img src="./img/larrow.png" alt="" class="prev2">
                            <div class="swiper-container2">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide avatarImg">
                                        <img src="./img/avatar3.png" alt="">
                                    </div>
                                    <div class="swiper-slide avatarImg">
                                        <img src="./img/avatar.png" alt="">
                                    </div>
                                    <!-- <div class="swiper-slide avatarImg">
                                        <img src="./img/avatar3.png" alt="">
                                    </div>
                                    <div class="swiper-slide avatarImg">
                                        <img src="./img/avatar.png" alt="">
                                    </div>
                                    <div class="swiper-slide avatarImg">
                                        <img src="./img/avatar3.png" alt="">
                                    </div>
                                    <div class="swiper-slide avatarImg">
                                        <img src="./img/avatar.png" alt="">
                                    </div>
                                    <div class="swiper-slide avatarImg">
                                        <img src="./img/avatar3.png" alt="">
                                    </div> -->
                                </div>
                            </div>
                            <img src="./img/rarrow.png" alt="" class="next2">
                        </div>
                        <div class="receive__item">
                            <div class="receive__btn">
                                <img src="./img/button2.png" alt="" class="receive__go" />
                                <img src="./img/button3.png" class="refuse__go" alt="" />
                            </div>
                            <div class="receive__ownership">*中奖信息后续将通过电话人工告知</div>
                        </div>
                    </div>
                </div>

                <!-- 分享遮罩层1 -->
                <div class="mask_share1"></div>

                <!-- 分享遮罩层2 -->
                <div class="mask_share2"></div>

            </div>
        </div>
    </div>

    <script>
        var username = "@ViewBag.nickName";
    </script>
    <script src="js/jquery-2.1.3.min.js"></script>
    <script src="js/preloadjs.js"></script>
    <script src="js/share.js"></script>
    <script src="https://weixin.zegelo.com/Themes/js/WeiXin.js"></script>
    <script src='https://res.wx.qq.com/open/js/jweixin-1.3.2.js'></script>
    <script src="https://weixin.zegelo.com/Scripts/mp/wine/game.share.js"></script>
    <script src="js/swiper.min.js"></script>
    <script type="text/javascript">
        wx.ready(function () {
            music();
        });
    </script>
    <script src="https://weixin.zegelo.com/Themes/js/plugins/vconsole/vconsole.min.js"></script>
    <script>
        // 初始化
        var vConsole = new VConsole();
        console.log('Hello WebWang');
        console.log('@HttpContext.Current.Request.Url');
    </script>
</body>

</html>